<template>
  <h1>count的值是：{{ count }}</h1>
  <input type="text" v-focus />
  <button @click="count++">+1</button>
</template>

<script setup>
import { ref } from 'vue'

const count = ref(0)

// const vFocus = {
//   // 这是指令的生命周期钩子
//   mounted: (el) => {
//     console.log('触发了 Demo 组件中的自定义指令 focus')
//     el.focus()
//   },
//   updated(el) {
//     el.focus()
//   }
// }

// 这个函数是简写形式，会在 mounted 和 updated 被调用
const vFocus = (el) => {
  el.focus()
}
</script>

<style scoped></style>
